/* ==========================================================================
   index module
   ========================================================================== */


/*******
 * products
 ******/
/*prod cate*/
.sect_prod { background: #fff;overflow: hidden;padding-bottom: 1em;}
.sect_prod .media-box .icon{width:270px;height: 270px;}
.module_cate {background: #246cd7;position: relative;}
.module_cate:after { display: block; content: ''; background: #246cd7; position: absolute; top: 0; right: 100%; width: 1000px; height: 100%; }
.module_cate h2 {text-align: right;line-height: 1.2;padding: 1em 0}
.module_cate h2 span {display: inline-block; color: #fff; padding: 6px 20px; font-size: 28px; font-weight: normal; text-transform: uppercase;}
.module_cate h2 span.s1{border-bottom: 1px solid #fff;}
.module_cate ul { padding-top: 0 }
.module_cate ul li { border-bottom: 1px solid #92b6eb; line-height: 0.7; color: #fff; padding: 20px 4px 15px 40px; position: relative; }
.module_cate ul li span { display: block; width: 19px; height: 20px; background: url('../img/plus.png') no-repeat; position: absolute; left: 4px; top: 50%; margin-top: -10px }
.module_cate ul li a{display:block;color: #fff;}
.module_cate ul li span:hover { transform: rotate(90deg); }
.module_cate ul li:hover, .module_cate ul li.cur { cursor: pointer; background: #12d5af }
.module_cate ul li h4 { font-weight: normal; font-size: 16px;color: #fff;}
.module_cate a.more { display: block; text-align: center; color: #fff; padding: 15px 0 15px 0; }
.module_cate a.more:hover { text-decoration: underline; }
/*prodlist*/
.module_prod{padding: 2em;background: #fff;position: relative;overflow: hidden;height: 550px;}
.module-news-thumb{margin-bottom:2em;background:#fff;border:1px solid #ccc;position: relative;}
.module-news-thumb .thumb{width:35%;height:100%;float:left;position: absolute;}
.module-news-thumb .txt{float:left;width:100%;}
.module-news-thumb .txt .cont{padding-left:40%;padding-top:2em;padding-bottom: 2em}
.module-news-thumb .txt h3{color:#000;font-size:1.5rem;font-weight:normal;position: relative;padding-bottom: 10px}
.module-news-thumb .txt h3:after{display: block;content: '';position: absolute;width: 100px;height: 1px;left: 0;bottom: 0;background: #246cd7}
.module-news-thumb .txt p{padding: 1em 1em 2em 0}
.module-news-thumb .txt .more{display:inline-block;color:#fff;line-height:34px;background:url('../img/i3.jpg') center right #246cd7 no-repeat;padding:0 4em 0 2em;text-align:left;}
@media screen and (max-width: 40em) {
	.sect_prod .media-box .icon{width:110px;height: 110px;}
	.module_cate h2{text-align: center;}
	.module_cate h2 span{font-size: 18px;}
	.module_cate ul { display: none; }
	.module_cate a.more{display: none;}
	.module_prod{overflow: hidden;padding: 1em;height: auto;}
	.module-news-thumb{border: 0}
	.module-news-thumb .thumb{display: none!important}
	.module-news-thumb .txt .cont{padding-left: 0}
}

/*******
 * telephone
 ******/
.sect_tel { margin-top: 3em; padding: 6.2em 0; text-align: center; background: url('../img/ban_bg.jpg') }
@media screen and (max-width: 40em) {
	.sect_tel{margin-top: 1em;}
}


/*******
 * sect_adv
 ******/
.sect_adv{overflow: hidden;}
.advbox .layout-lr-txt:after { display: block; content: ''; background: #f5f5f5; position: absolute; top: 0; left: 100%; width: 1000px; height: 100%; }
.advbox.odd .layout-lr-txt{background: #246cd7;text-align: right;}
.advbox.odd .layout-lr-txt *{color: #fff!important}
.advbox.odd .layout-lr-txt:after{left: auto;right: 100%;background: #246cd7}
.advbox.odd .layout-lr-txt strong{border-color: #fff}

.layout-lr-img{background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 360px;transition: 520ms;}
.layout-lr-txt{padding:0 8% 2em 8%;background-color: #f5f5f5;position: relative;}
.layout-lr-txt h5{font-size: 3.5rem;font-weight: lighter;line-height: 1;padding: 0.8em 0 10px 0;color: #246cd7;}
.layout-lr-txt strong{font-size: 1.2rem;font-weight: normal;border-bottom: 1px solid #246cd7;padding:0 0 1em 0;display: inline-block;}
.layout-lr-txt .txt{padding:6px 0;font-size: 17px;}
.layout-lr-txt .txt.en{font-size: 12px;color: #797979}
.layout-lr-txt .cnt{padding:6px 0;height:300px;overflow:hidden;text-indent:2em;}
.layout-lr-txt .cnt p{}
.layout-lr.cur .layout-lr-img{transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05)}
.layout-lr.cur .goto{color:#08449A;border-color: #08449A}
.layout-lr.cur .goto i{margin-left: 30px}
.layout-lr.cur .layout-lr-txt strong a{color:#08449A}
@media screen and (max-width: 40em) {
	.layout-lr-img{display: none;}
	.layout-lr-txt{padding:0 4% 1em 4%;background: none;}
	.layout-lr-txt .goto{margin-top: 0}
}

/*******
 * imglist
 ******/
.block_imglist{position:relative;}
.block_imglist .swiper-slide{width: 25%;}
.block_imglist .media-box{width:97%;margin: 0 auto}
.block_imglist .media-box .icon{width:480px;height:450px;position:relative;background:#fff;overflow: visible;}
.block_imglist .media-box .icon img{width: 100%;height: 100%}
.block_imglist .media-box p{font-size:16px;}
.block_imglist .swiper-btn{background:#3370b3;color:#fff;position:absolute;top:45%;cursor:pointer;font-size:16px;padding:10px 15px;z-index: 99;}
.block_imglist .swiper-prev{left:10px;}
.block_imglist .swiper-next{right:10px}
.block_imglist .swiper-button-disabled{background:#a3a3a3;cursor:initial}
@media screen and (max-width:640px){
	.block_imglist .swiper-slide{width: 50%;}
}

/*******
 * about us
 ******/
.about-box{background: #246cd7;color: #fff;}
.about-box.r { padding:5em 0 5em 10% }
.about-box h3 { font-size: 50px; line-height: 1; text-transform: uppercase;}
.about-box h5 { font-size: 24px; font-weight: normal;position: relative; padding-bottom: 20px}
.about-box h5:before { display: block; content: ''; position: absolute; bottom: 0px; left: 0px; width: 50px; height: 3px; background: #fff }
.qute { position: relative; padding: 25px 0 30px 0; line-height: 2;}
.qute a { color: #ffa304 }
.about-box ul li{float: left;text-align: center;font-size: 12px;margin-right: 10px}
.about-box ul li img{display: block;margin: 0 auto;}
.about-box ul li a{color: #fff;display: block;border:1px solid #fff;border-radius: 5px;padding: 5px 10px;}
.about-box ul li a:hover{border-color: #246cd7}
@media screen and (max-width:64em){
	.about-box.r{padding: 2em 4%!important}
}

/*******
 * news
 ******/
.new-layout{background: #fff;}
.new-layout.r { padding:5em 9% 5em 0;text-align: right;}
.new-layout h3{font-size: 30px;color: #333333;font-weight: normal;line-height: 1}
.new-layout h5{font-size: 26px;color: #333333;font-weight: normal;}
.newbox{color: #a7a7a7;padding: 2em 0}
.newbox h4{font-size: 18px;color: #666666;font-weight: normal;}
.newbox .time{display:inline-block;padding: .7em 0 .7em 1.4em;background: url('../img/time.jpg') left center no-repeat;}
.newbox p{padding-bottom: 1em;}
.swiper-new-pagination{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 7px 0}
.swiper-new-pagination li{float: left;width: 16%;text-align: center;border-right: 1px solid #ccc;cursor: pointer;}
.swiper-new-pagination li.active-nav{color: #246cd7;font-weight: bold;}
@media screen and (max-width:64em){
	.new-layout.r{padding: 2em 4%!important;text-align: left;}
}